<div id="parent">
	
	<script type='text/javascript' src='//buetian-dot-com-theme-wordpress.googlecode.com/svn/Trunk/buetian4.0/lib/bjqs-1.3.min.js'></script>
	
	<script type="text/javascript">
	var url="https://api.flickr.com/services/feeds/groups_pool.gne?id=<?PHP echo themeGetOption("flickr_group_id"); ?>";

	$.getJSON("https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q="+encodeURI(url),
	function(data)
	{
		var prevText='<div id="slider-code-home" class="viewport"><ul class="bjqs">';
		var afterText="</ul></div>";
		var images="";

		for(var i=0; i<10; ++i)
		{
			var src=$(data.responseData.feed.entries[i].content).find("img").attr("src");
			src = src.substring(0, src.length-6) + '_z.jpg';
			var $a=data.responseData.feed.entries[i].contentSnippet;
			//$a = data.responseData.feed.entries[i].title; //currently not satisfied with the text colour
			images+="<li><a target='_blank' href='"+data.responseData.feed.entries[i].link+"'><img title='"+$a+"' style='' src='"+ src+"'/></a></li>";
		}
		
		jQuery("#parent").append($(prevText+images+afterText));
		jQuery('#slider-code-home').bjqs({
			height      : 350,
			responsive  : true,
			usecaptions : true,
			automatic : true
		});
	});
	</script>
</div>